/*
 * Activiti Modeler component part of the Activiti project
 * Copyright 2005-2014 Alfresco Software, Ltd. All rights reserved.
 * 
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 2.1 of the License, or (at your option) any later version.
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.

 * You should have received a copy of the GNU Lesser General Public
 * License along with this library; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */

/*
 * Form Properties
 */

var KisBpmFormPropertiesCtrl = [
  '$scope',
  '$modal',
  '$timeout',
  '$translate',
  function ($scope, $modal, $timeout, $translate) {
    // Config for the modal window
    var opts = {
      template: 'editor-app/configuration/properties/form-properties-popup.html?version=' + Date.now(),
      scope: $scope,
    };

    // Open the dialog
    $modal(opts);
  },
];

var KisBpmFormPropertiesPopupCtrl = [
  '$scope',
  '$q',
  '$translate',
  '$timeout',
  function ($scope, $q, $translate, $timeout) {
    // Put json representing form properties on scope
    if (
      $scope.property.value !== undefined &&
      $scope.property.value !== null &&
      $scope.property.value.formProperties !== undefined &&
      $scope.property.value.formProperties !== null
    ) {
      // Note that we clone the json object rather then setting it directly,
      // this to cope with the fact that the user can click the cancel button and no changes should have happended
      $scope.formProperties = angular.copy($scope.property.value.formProperties);

      for (var i = 0; i < $scope.formProperties.length; i++) {
        var formProperty = $scope.formProperties[i];
        if (formProperty.enumValues && formProperty.enumValues.length > 0) {
          for (var j = 0; j < formProperty.enumValues.length; j++) {
            var enumValue = formProperty.enumValues[j];
            if (!enumValue.id && !enumValue.name && enumValue.value) {
              enumValue.id = enumValue.value;
              enumValue.name = enumValue.value;
            }
          }
        }
      }
    } else {
      $scope.formProperties = [];
    }

    // Array to contain selected properties (yes - we only can select one, but ng-grid isn't smart enough)
    $scope.selectedProperties = [];
    $scope.selectedEnumValues = [];

    $scope.translationsRetrieved = false;

    $scope.labels = {};

    var idPromise = $translate('PROPERTY.FORMPROPERTIES.ID');
    var namePromise = $translate('PROPERTY.FORMPROPERTIES.NAME');
    var typePromise = $translate('PROPERTY.FORMPROPERTIES.TYPE');

    $q.all([idPromise, namePromise, typePromise]).then(function (results) {
      $scope.labels.idLabel = results[0];
      $scope.labels.nameLabel = results[1];
      $scope.labels.typeLabel = results[2];
      $scope.translationsRetrieved = true;

      // Config for grid
      $scope.gridOptions = {
        data: 'formProperties',
        enableRowReordering: true,
        headerRowHeight: 28,
        multiSelect: false,
        keepLastSelected: false,
        selectedItems: $scope.selectedProperties,
        columnDefs: [
          { field: 'id', displayName: $scope.labels.idLabel },
          { field: 'name', displayName: $scope.labels.nameLabel },
          { field: 'type', displayName: $scope.labels.typeLabel },
        ],
      };

      $scope.enumGridOptions = {
        data: 'selectedProperties[0].enumValues',
        enableRowReordering: true,
        headerRowHeight: 28,
        multiSelect: false,
        keepLastSelected: false,
        selectedItems: $scope.selectedEnumValues,
        columnDefs: [
          { field: 'id', displayName: $scope.labels.idLabel },
          { field: 'name', displayName: $scope.labels.nameLabel },
        ],
      };
    });

    // Handler for when the value of the type dropdown changes
    $scope.propertyTypeChanged = function () {
      // Check date. If date, show date pattern
      if ($scope.selectedProperties[0].type === 'date') {
        $scope.selectedProperties[0].datePattern = 'MM-dd-yyyy hh:mm';
      } else {
        delete $scope.selectedProperties[0].datePattern;
      }

      // Check enum. If enum, show list of options
      if ($scope.selectedProperties[0].type === 'enum') {
        $scope.selectedProperties[0].enumValues = [
          { id: 'value1', name: 'Value 1' },
          { id: 'value2', name: 'Value 2' },
        ];
      } else {
        delete $scope.selectedProperties[0].enumValues;
      }
    };

    // Click handler for add button
    var propertyIndex = 1;
    $scope.addNewProperty = function () {
      $scope.formProperties.push({ id: 'new_property_' + propertyIndex++, name: '', type: 'string', readable: true, writable: true });

      $timeout(function () {
        $scope.gridOptions.selectItem($scope.formProperties.length - 1, true);
      });
    };

    // Click handler for remove button
    $scope.removeProperty = function () {
      if ($scope.selectedProperties.length > 0) {
        var index = $scope.formProperties.indexOf($scope.selectedProperties[0]);
        $scope.gridOptions.selectItem(index, false);
        $scope.formProperties.splice(index, 1);

        $scope.selectedProperties.length = 0;
        if (index < $scope.formProperties.length) {
          $scope.gridOptions.selectItem(index + 1, true);
        } else if ($scope.formProperties.length > 0) {
          $scope.gridOptions.selectItem(index - 1, true);
        }
      }
    };

    // Click handler for up button
    $scope.movePropertyUp = function () {
      if ($scope.selectedProperties.length > 0) {
        var index = $scope.formProperties.indexOf($scope.selectedProperties[0]);
        if (index != 0) {
          // If it's the first, no moving up of course
          // Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272
          var temp = $scope.formProperties[index];
          $scope.formProperties.splice(index, 1);
          $timeout(function () {
            $scope.formProperties.splice(index + -1, 0, temp);
          }, 100);
        }
      }
    };

    // Click handler for down button
    $scope.movePropertyDown = function () {
      if ($scope.selectedProperties.length > 0) {
        var index = $scope.formProperties.indexOf($scope.selectedProperties[0]);
        if (index != $scope.formProperties.length - 1) {
          // If it's the last element, no moving down of course
          // Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272
          var temp = $scope.formProperties[index];
          $scope.formProperties.splice(index, 1);
          $timeout(function () {
            $scope.formProperties.splice(index + 1, 0, temp);
          }, 100);
        }
      }
    };

    $scope.addNewEnumValue = function () {
      if ($scope.selectedProperties.length > 0) {
        $scope.selectedProperties[0].enumValues.push({ id: '', name: '' });
      }

      $timeout(function () {
        $scope.enumGridOptions.selectItem($scope.selectedProperties[0].enumValues.length - 1, true);
      });
    };

    // Click handler for remove button
    $scope.removeEnumValue = function () {
      if ($scope.selectedProperties.length > 0 && $scope.selectedEnumValues.length > 0) {
        var index = $scope.selectedProperties[0].enumValues.indexOf($scope.selectedEnumValues[0]);
        $scope.enumGridOptions.selectItem(index, false);
        $scope.selectedProperties[0].enumValues.splice(index, 1);

        $scope.selectedEnumValues.length = 0;
        if (index < $scope.selectedProperties[0].enumValues.length) {
          $timeout(function () {
            $scope.enumGridOptions.selectItem(index + 1, true);
          });
        } else if ($scope.selectedProperties[0].enumValues.length > 0) {
          $timeout(function () {
            $scope.enumGridOptions.selectItem(index - 1, true);
          });
        }
      }
    };

    // Click handler for up button
    $scope.moveEnumValueUp = function () {
      if ($scope.selectedProperties.length > 0 && $scope.selectedEnumValues.length > 0) {
        var index = $scope.selectedProperties[0].enumValues.indexOf($scope.selectedEnumValues[0]);
        if (index != 0) {
          // If it's the first, no moving up of course
          // Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272
          var temp = $scope.selectedProperties[0].enumValues[index];
          $scope.selectedProperties[0].enumValues.splice(index, 1);
          $timeout(function () {
            $scope.selectedProperties[0].enumValues.splice(index + -1, 0, temp);
          });
        }
      }
    };

    // Click handler for down button
    $scope.moveEnumValueDown = function () {
      if ($scope.selectedProperties.length > 0 && $scope.selectedEnumValues.length > 0) {
        var index = $scope.selectedProperties[0].enumValues.indexOf($scope.selectedEnumValues[0]);
        if (index != $scope.selectedProperties[0].enumValues.length - 1) {
          // If it's the last element, no moving down of course
          // Reason for funny way of swapping, see https://github.com/angular-ui/ng-grid/issues/272
          var temp = $scope.selectedProperties[0].enumValues[index];
          $scope.selectedProperties[0].enumValues.splice(index, 1);
          $timeout(function () {
            $scope.selectedProperties[0].enumValues.splice(index + 1, 0, temp);
          });
        }
      }
    };

    // Click handler for save button
    $scope.save = function () {
      if ($scope.formProperties.length > 0) {
        $scope.property.value = {};
        $scope.property.value.formProperties = $scope.formProperties;
      } else {
        $scope.property.value = null;
      }

      $scope.updatePropertyInModel($scope.property);
      $scope.close();
    };

    $scope.cancel = function () {
      $scope.$hide();
      $scope.property.mode = 'read';
    };

    // Close button handler
    $scope.close = function () {
      $scope.$hide();
      $scope.property.mode = 'read';
    };
  },
];
